<html>
    <head>
    <link rel="stylesheet" type="text/css" href="markdown.css">
    <script type="text/javascript" src="markedv2.js"></script>
    <script type="text/javascript" src="qwebchannel.js"></script>
    <script type = "text/javascript" src="mermaid.js"></script>
    <script script type="text/javascript">
    function show()
    {
        var reader = new FileReader();
        var f = document.getElementById("filePicker").files[0];
        var text = this.result;
        reader.onload = function()
            {
            var markdown_content = document.getElementById('markdown_content');
            markdown_content.innerHTML = marked(this.result);
            <script type = "text/javascript" src="mermaid.js"></script>
            }
            var f = document.getElementById("filePicker").files[0];
                reader.readAsText(f);
    }
    </script>
    </head>
    <body>
        <div id="markdown_content">
            <h1> Hello GGG </h1>
        </div>
        <input type="file" name="file" id="filePicker"/>
        <script>


        </script>


        <div id = "div1">
        </div>
        <input type="button" value = "显示"  onclick="show()"/>
    </body>
</html>
